﻿<!DOCTYPE html>
<html lang="en">
<head>
    <title>Medussa Admin Panel</title>
    <meta charset="utf-8" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="viewport" content="width=device-width">
    
    <link rel="stylesheet" href="~/Content/bootstrap.css">
    <link rel="stylesheet" href="~/Content/bootstrap-responsive.css">
    <link rel="stylesheet" href="~/Content/main-test.css" type="text/css" />
    
   

    <script src="~/Scripts/jquery-2.0.2.min.js" type="text/javascript"></script>
    <script src="~/Scripts/jquery-ui.min-1.9.2.js"></script>
    <script src="~/Scripts/knockout-2.2.1.js" type="text/javascript"></script>
    <script src="~/Scripts/jquery.validate.js" type="text/javascript"></script>
    <script src="~/Scripts/js/Main.js" type="text/javascript"></script>    
    <script src="~/Scripts/sammy-latest.min.js"></script>
    <script src="~/Scripts/modernizr-2.6.2-respond-1.1.0.min.js"></script>

    <script src="~/Scripts/js/SammyRouteBinding.js"></script>
     @if (Request.IsAuthenticated)
      {
         <script type="text/javascript">
             var loginUserRole = '@string.Join(",", Roles.GetRolesForUser())'
         </script>
     }
    <script>
        $(document).ajaxSend(function (event, request, settings) {
            $('#loading-indicator').show();
            $('.loading-backdrop').css({ "z-index": "9999", "display": "block" });
            $('#register-error').css({ 'display': 'none' });
        });

        $(document).ajaxComplete(function (event, request, settings) {
            $('#loading-indicator').hide();
            $('.loading-backdrop').css({ "z-index": "9999", "display": "none" });
        });

        $(document).ready(function () {
            var desiredHeight = $('#Main').height()+220;
            $(".left-nav").css("min-height", desiredHeight);
        });
        
    </script>


  


</head>

<body>

    <!--Start Header-->

    <header class="navbar navbar-inverse navbar-fixed-top">
        <section class="navbar-inner">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#">
                <img class="" src="~/Images/logo.png" /></a>
            <div id="topnav">
            </div>
        </section>
    </header>

    <section id="header"></section>
    <section class="row-fluid">
        <section class="span12">
            <section class="row-fluid">
                <section class="span10">
                    <section class="row-fluid">
                        <aside class="mobile-l left-nav span2" >
                            <ul>
                                @if (Request.IsAuthenticated)
                                {
                                    <li>
                                        <a href="/" data-bind="click: $root.LeftNavProfile">
                                            <i><img src="~/Images/profile.png" /><br /></i>
                                            <span>My Profile</span>
                                        </a>
                                    </li>                                   
                                    <li>
                                        <a href="/" data-bind="click: $root.TopNavManage">
                                            <i><img src="~/Images/settings.png" /><br /></i>
                                            <span>Settings</span>
                                        </a>
                                    </li> 
                                    <li>
                                        <a href="/" data-bind="click: $root.LeftNavHelp">
                                            <i><img src="~/Images/help.png" /><br /></i>
                                            <span>Help</span>
                                        </a>
                                    </li>           
                                }
                                else
                                {
                                    <li>
                                        <a href="/" data-bind="click: $root.LeftNavHelp">
                                        <i><img src="~/Images/help.png" /><br /></i>
                                        <span>Help</span>
                                        </a>
                                    </li>
                                }
                            </ul>
                        </aside>
                        <section class="mobile-r span10" >
                           
                          
                            
                          
                            @RenderBody()

                        </section>
                    </section>
                </section>
                <aside class="right_bar span2">  
                   

                    <ul>
                        <li class="green-link">
                            <a href="">
                            <b>Documentation</b><br />
                            Kracken Security Module for MVC4
                            </a>
                        </li>
                        <li class="blue-link">
                           
                            <a href="">
                                <b>Documentation</b><br />
                            Other Projects
                            </a>
                        </li>
                    </ul>
                    <hgroup class="branding-right">
                        <h3><a href="">T2.WebSecurity</a></h3>
                        <p>Part of the Myth Suite</p>
                    </hgroup>
                </aside>
            </section>
        </section>
    </section>
    <!--Start Footer-->
    <section id="footer">
       
    </section>
    <!--End Footer-->
    <!--ajax fade-->
    <div class="loading-backdrop fade in" style="display:none;"></div>
      <img src="~/Images/ajax-loader.gif" id="loading-indicator" style="display:none" />
    <!--ajax fade-->
</body>
</html>


                    <script src="~/Scripts/bootstrap.js"></script>
       